import React from "react";
import { NavLink } from "react-router-dom";
import {
  UserOutlined,
  MessageOutlined,
  DesktopOutlined,
  BookOutlined,
  HomeOutlined,
} from "@ant-design/icons";
import "./Tab.scss";
function Tab() {
  return (
    <div className="Tab">
      <NavLink className="linkname" to="/">
        <HomeOutlined />
        <i>首页</i>
      </NavLink>
      <NavLink className="linkname" to="/course">
        <DesktopOutlined />
        <i>教程</i>
      </NavLink>
      <NavLink className="linkname" to="/onlineschool">
        <BookOutlined />
        <i>网校</i>
      </NavLink>
      <NavLink className="linkname" to="/bigtouch">
        <UserOutlined />
        <i>大触</i>
      </NavLink>
      <NavLink className="linkname" to="/community">
        <MessageOutlined />
        <i>社区</i>
      </NavLink>
    </div>
  );
}
export default Tab;
